<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text">
<button>移除事件</button>
<script>
    /*
    绑定事件的另一种方法是用 addEventListener() 或 attachEvent() 来绑定事件监听函数
    addEventListener
            element.addEventListener(event, function, useCapture)
            event : （必需）事件名，支持所有 DOM事件 。
            function：（必需）指定要事件触发时执行的函数。
            useCapture：（可选）指定事件是否在捕获或冒泡阶段执行。true，捕获。false，冒泡。默认false。

    removeEventListener("移除什么事件",对应的事件处理函数);
    * */
    function fn(e) {
        console.log(e.target.value)
    }
    const input = document.querySelector("input")
    // 添加事件监听器
    input.addEventListener("keyup",fn)

    // 移除事件监听器
    const button=document.querySelector("button")
    button.addEventListener("click",function () {
        input.removeEventListener("keyup",fn)
    })
</script>
</body>
</html>